<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title>欣和爱生活食育体验馆</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1  user-scalable=no" />
        <link rel="stylesheet" href="<?php echo Yii::app()->baseUrl?>/css/ui-box.css">
        <link rel="stylesheet" href="<?php echo Yii::app()->baseUrl?>/css/css/frozen.css">
        <script type="text/javascript" src="<?php echo Yii::app()->baseUrl?>/js/jquery.js"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->baseUrl?>/js/layer/layer.js"></script>
         

        <style>
        .abc1 {
        background-image: url('<?php echo Yii::app()->baseUrl?>/images/首页备份02.jpg');
        min-height: 20em;
        }
         .upload {
        background-image: url('<?php echo Yii::app()->baseUrl?>/images/upload.png');
        min-height: 5em;
        width: 100%;
        }
         /* 兼容iphone5 */
       @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
             .abc2 {
                background-image: url('<?php echo Yii::app()->baseUrl?>/images/logo2.jpg');
                min-height: 9em;
                width: 100%;
              }
        }
       
        .ub-img1 {
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        }
        
      
        body{
            -moz-user-select: none; /*火狐*/
            -webkit-user-select: none;  /*webkit浏览器*/
            -ms-user-select: none;   /*IE10*/
            -khtml-user-select: none; /*早期浏览器*/
            user-select: none;
            
            font: normal 16px Arial,"Microsoft YaHei";
            background-color: #fbeedd;
            max-width: 640px;
            margin: 0 auto;
            min-height: 100%;
            color:#62240f;
            
         }
         
         .content{
             margin-top:5em;
             padding-left:2em;
         }
         .text{
             border-radius:6px;outline:none;cursor:pointer;text-indent:12px;
         }

         .ui-header {
            top: 0;
            height: 45px;
            line-height: 45px;
            position: fixed;
            width: 100%;
            z-index: 100;
            left: 0;
            background-color: #f15c22;
          }
          .top{
              margin-top:1.5em;
          }
          .col{
              width:5em;
          }
          

           select{
            -webkit-appearance: none;
            width: 80px;
            height: 24px;
            overflow: hidden;
            
            background: url('<?php echo Yii::app()->baseUrl?>/images/xiala.png') no-repeat right white;

          }
          
          .ui-radio input:checked:after {
                content: '';
                display: block;
                width: 12px;
                height: 12px;
                background: #f05b21;
                border-radius: 7px;
                position: absolute;
                left: 5px;
                top: 5px;
          }
          
          .ui-radio input:before {
                content: '';
                display: block;
                width: 20px;
                height: 20px;
                border: 1px solid #dfe0e1;
                border-radius: 13px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                left: 0px;
                top: 0;
              }
              
              
              .ui-btn, .ui-btn-lg, .ui-btn-s {
                    height: 30px;
                    line-height: 30px;
                    padding: 0 31px;
                    
             }
             
             .ui-btn-danger {
                background-color: #f15c22;
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f15c22), to(#f15c22));
                color: white;
                border-color: #f43d30;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
              }
              
              .layui-layer {
            top: 150px;
            left: 50%;
            margin: 0;
            padding: 0;

          }
          
              .wall{ width:100%; height:10%; position:absolute; left:0; padding-top:90%; text-align:center;}
              
              .footermenu {
                position:absolute;
                bottom:0;
                left: 0;
                right: 0;          
                text-align:center;
                margin: 0;
                padding: 0;
                outline: none;
              }           
 
        </style>

    </head>
    <body style="background:#f15c22;">
        
      
            <div onclick="opendiv()" >
            <image id="test1" src="<?php echo Yii::app()->baseUrl?>/images/第四页.jpg"  width="100%" />
            </div> 
        <div onclick="opendiv()">
                <div style="text-align: center;">
                    <image src="<?php echo Yii::app()->baseUrl?>/images/btn.png" width="110em" />                
                </div>
                <div style="text-align: center; margin-top: -3.5em">
                   <image src="<?php echo Yii::app()->baseUrl?>/images/第四页.gif"  width="150em"/> 
                </div>
            </div>
        <!-- <div id="gif" style="text-align: center" class="footermenu">
                    <image src="<?php echo Yii::app()->baseUrl?>/images/第四页.gif"  width="150px"/>
            </div>-->


        <script>   
       function opendiv(){
           //页面层-自定义

                layer.open({
                    offset: ['10px', '60%'],
                    skin: 'layui-layer-nobg',
                    type: 1,
                    title: false,
                    closeBtn: false,
                    shadeClose: true,
                    content: '<div><img src="<?php echo Yii::app()->baseUrl?>/images/right.png" width="100px" /></div>'
                });
                
                layer.style(index, {
                    width: '1000px',
                    top: '1000px'
                });   
        }
                  
      
        </script>
        
   <script type="text/javascript">
       

             function getInfo(){ 
                 

              document.getElementById("gif").style.cssText="position:absolute;"
             
              document.getElementById("gif").style.bottom=document.body.scrollHeight/190-73+"px";
            }
            getInfo();
        </script>


         

    </body>
</html>
